<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>建管指标</title>
    <link rel="stylesheet" href="./static/css/indexNew.css" />
    <link rel="stylesheet" href="./static/css/swiper-bundle.min.css" />
    <style>
        html,
        body {
          position: relative;
          height: 100%;
        }
    
        body {
          background: #eee;
          font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
          font-size: 14px;
          color: #000;
          margin: 0;
          padding: 0;
        }

        .swiper-container {
          width: 100%;
          height: 100%;
        }
    
      
      </style>
</head>
<body>
    <div class="wrapper">
        <div class="topTitle">
            <h1>建管指标</h1>
        </div>
        <div class="content">
              <!-- Swiper -->
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <div class="contentLeft">
                            <div class="section">
                                <div class="sectionBg">
                                    <div class="sectionTitle">总量<span class="sectionNum">2.08</span><span class="sectionName">进度指数</span></div>
                                    <div class="sectionEchart progressIndexJEchart"></div>
                                </div>
                            </div>
                            <div class="section">
                                <div class="sectionBg">
                                    <div class="sectionTitle">总量<span class="sectionNum">0.01</span><span class="sectionName">风险指数</span></div>
                                    <div class="sectionEchart riskIndexJEchart"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="contentCenter">
                            <div class="section">
                            <div class="sectionBg">
                                <div class="sectionTitle">总量<span class="sectionNum">127.6</span><span class="sectionName">线路长度</span></div>
                                <div class="sectionEchart lineLengthEchart"></div>
                            </div>
                            </div>
                            <div class="section">
                                <div class="sectionBg">
                                    <div class="sectionTitle">总量<span class="sectionNum">93</span><span class="sectionName">车站</span></div>
                                    <div class="sectionEchart stationEchart"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="contentRight">
                            <div class="section">
                                <div class="sectionBg">
                                    <div class="sectionTitle">总量<span class="sectionNum">62.39%</span><span class="sectionName">投资完成率</span></div>
                                    <div class="sectionEchart investmentCompletionjEchart"></div>
                                </div>
                            </div>
                            <div class="section">
                                <div class="sectionBg">
                                    <div class="sectionTitle">总量<span class="sectionNum">198</span><span class="sectionName">盾构区间</span></div>
                                    <div class="sectionEchart shieldIntervalEchart"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="contentLeft">
                            <div class="section">
                                <div class="sectionBg">
                                    <div class="sectionTitle">总量<span class="sectionNum civilEngineeringRate_total">77.12%</span><span class="sectionName">土建工程完成率</span></div>
                                    <div class="sectionEchart civilEngineeringCompletioRateEchart"></div>
                                </div>
                            </div>
                            <div class="section">
                                <div class="sectionBg">
                                    <div class="sectionTitle">总量<span class="sectionNum licenseProcessing_max">50.8%</span><span class="sectionName">装饰安装工程完成率</span></div>
                                    <div class="sectionEchart decorationInstallationComEchart"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="contentCenter">
                            <div class="section">
                            <div class="sectionBg">
                                <div class="sectionTitle">总量<span class="sectionNum">90.28%</span><span class="sectionName">机电安装调试完成率</span></div>
                                <div class="sectionEchart electromechanicalDebuggingEchart"></div>
                            </div>
                            </div>
                            <div class="section">
                                <div class="sectionBg">
                                    <div class="sectionTitle">最高<span class="sectionNum comparisonFunds_max">72.87%</span><span class="sectionName">用款对比</span></div>
                                    <div class="sectionEchart comparisonFundsEchart"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="contentRight">
                            <div class="section">
                                <div class="sectionBg">
                                    <div class="sectionTitle">总量<span class="sectionNum awardsHistoryNum_total">600</span><span class="sectionName">历史奖项获得数</span></div>
                                    <div class="sectionEchart awardsHistoryNumEchart"></div>
                                </div>
                            </div>
                            <div class="section">
                                <div class="sectionBg">
                                    <div class="sectionTitle">总量<span class="sectionNum publicSatisfactionRate_total">85.9%</span><span class="sectionName">市民满意率</span></div>
                                    <div class="sectionEchart publicSatisfactionRateEchart"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="contentLeft">
                            <div class="section">
                                <div class="sectionBg">
                                    <div class="sectionTitle">总量<span class="sectionNum civilEngineeringRate_total">100%</span><span class="sectionName">土建工程合格率</span></div>
                                    <div class="sectionEchart civilEngineeringRateEchart"></div>
                                </div>
                            </div>
                            <div class="section">
                                <div class="sectionBg">
                                    <div class="sectionTitle">总量<span class="sectionNum licenseProcessing_max">100%</span><span class="sectionName">装饰安装工程合格率</span></div>
                                    <div class="sectionEchart decorationInstallationEchart"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="contentCenter">
                            <div class="section">
                            <div class="sectionBg">
                                <div class="sectionTitle">总量<span class="sectionNum">100%</span><span class="sectionName">机电系统工程合格率</span></div>
                                <div class="sectionEchart electromechanicalSystemEchart"></div>
                            </div>
                            </div>
                            <div class="section">
                                <div class="sectionBg">
                                    <div class="sectionTitle">总量<span class="sectionNum comparisonFunds_max">40%</span><span class="sectionName">新线故障修复率</span></div>
                                    <div class="sectionEchart">
                                        <div class="newLineFaultEchart" style="height: 120px;"></div>
                        <div class="newLineFaultEchart1" style="height: 188px;"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="contentRight">
                            <div class="section">
                                <div class="sectionBg">
                                    <div class="sectionTitle">总量<span class="sectionNum awardsHistoryNum_total">100%</span><span class="sectionName">质量问题整改闭合率</span></div>
                                    <div class="sectionEchart qualityProblemEchart"></div>
                                </div>
                            </div>
                            <div class="section">
                                <div class="sectionBg">
                                    <div class="sectionTitle">总量<span class="sectionNum publicSatisfactionRate_total">97.9%</span><span class="sectionName">质量检查完成率</span></div>
                                    <div class="sectionEchart securityCheckEchart"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="contentLeft">
                            <div class="section">
                                <div class="sectionBg">
                                    <div class="sectionTitle">总量<span class="sectionNum">97.92%</span><span class="sectionName">安全检查完成率</span></div>
                                    <div class="sectionEchart jSecurityCheckEchart"></div>
                                </div>
                            </div>
                            <div class="section">
                                <div class="sectionBg">
                                    <div class="sectionTitle">总量<span class="sectionNum hiddenDanger_total">100%</span><span class="sectionName">安全隐患整改闭合率</span></div>
                                    <div class="sectionEchart">
                                        <div style="height: 134px; overflow: hidden;">
                                            <div class="hiddenDangerEchart" style="width:50%; height: 100%; float: left;"></div>
                                            <div class="hiddenDangerEchartt" style="width: 50%; height: 100%; float: left;"></div>
                                        </div>
                                        <div style="width:100%; height: 174px;" class="hiddenDangercloseEchart"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="contentCenter">
                            <div class="section">
                            <div class="sectionBg">
                                <div class="sectionTitle">总量<span class="sectionNum">73.75%</span><span class="sectionName">安全评价优胜率</span></div>
                                <div class="sectionEchart safetyEvaluationEchart"></div>
                            </div>
                            </div>
                            <div class="section">
                                <div class="sectionBg">
                                    <div class="sectionTitle">总量<span class="sectionNum">100%</span><span class="sectionName">安全标准化达标率</span></div>
                                    <div class="sectionEchart safetyStandardsEchart"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="contentRight">
                            <div class="section">
                                <div class="sectionBg">
                                    <div class="sectionTitle">总量<span class="sectionNum civilizedConstructionSite_total">100%</span><span class="sectionName">文明工地达标率</span></div>
                                    <div class="sectionEchart civilizedConstructionSiteEchart"></div>
                                </div>
                            </div>
                            <div class="section">
                                <div class="sectionBg">
                                    <div class="sectionTitle">风险总量<span class="sectionNum projectRisk_total">156</span><span class="sectionName">建设项目风险节点进展</span></div>
                                    <div class="sectionEchart projectRiskEchart"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="contentLeft">
                            <div class="section">
                                <div class="sectionBg">
                                    <div class="sectionTitle">最高<span class="sectionNum civilEngineering_max">98.69%</span><span class="sectionName">土建工程形象进度控制</span></div>
                                    <div class="sectionEchart civilEngineeringEchart"></div>
                                </div>
                            </div>
                            <div class="section">
                                <div class="sectionBg">
                                    <div class="sectionTitle">最高<span class="sectionNum hiddenDanger_total">65.52%</span><span class="sectionName">机电工程形象进度</span></div>
                                    <div class="sectionEchart electromechanicalEChart"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="contentCenter">
                            <div class="section">
                            <div class="sectionBg">
                                <div class="sectionTitle">总量<span class="sectionNum decorationInstallation_total">77.42%</span><span class="sectionName">装饰安装执行率</span></div>
                                <div class="sectionEchart decorationInstallationImplementEchart"></div>
                            </div>
                            </div>
                            <div class="section">
                                <div class="sectionBg">
                                    <div class="sectionTitle">总量<span class="sectionNum">75.0%/73.33%</span><span class="sectionName">里程碑节点完成率</span></div>
                                    <div class="sectionEchart milepostPointEchart"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="contentRight">
                            <div class="section">
                                <div class="sectionBg">
                                    <div class="sectionTitle">总量<span class="sectionNum civilizedConstructionSite_total">58.31%/70.07%</span><span class="sectionName">计划节点完成率</span></div>
                                    <div class="sectionEchart plantPointEchart"></div>
                                </div>
                            </div>
                            <div class="section">
                                <div class="sectionBg">
                                    <div class="sectionTitle">总量<span class="sectionNum projectRisk_total">84.10%/85.89%</span><span class="sectionName">关键节点完成率</span></div>
                                    <div class="sectionEchart importantPointEchart"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                </div>
                <div class="swiper-pagination"></div>
            </div>
        </div>
    </div>
    <script src="./static/js/const_config.js"></script>
    <script src="./static/js/jquery-3.4.1.min.js"></script>
    <script src="./static/js/swiper-bundle.min.js"></script>
    <script src="./static/js/echarts.min.js"></script>
    <script src="./static/js/indexNew.js"></script>
    <script src="./static/js/constructionManagement.js"></script>
    <script src="./static/js/qualityControl.js"></script>
    <script src="./static/js/indexFifth.js"></script> 
    <script src="./static/js/progressControl.js"></script> 
    <script>
        var swiper = new Swiper('.swiper-container', {
          slidesPerView: 3,
          spaceBetween: 30,
          loop: true,
          pagination: {
            el: '.swiper-pagination',
            clickable: true,
          },
        //     autoplay: {
        //     delay: 5000,
        //     disableOnInteraction: false,
        //   },
        });
      </script>
</body>
</html>